<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">
	function toggleSidebar(node) {
		var inode = $(node).find("i:first-child");
		if ($(inode).attr("class") == "fas fa-angle-double-left") {
			$(".sidebar-wrapper").hide("fast");
			$(".page-content-wrapper").width("100%");
			$(inode).attr("class", "fas fa-angle-double-right");
		} else {
			$(".sidebar-wrapper").show("fast");
			$(inode).attr("class", "fas fa-angle-double-left");
			$(".page-content-wrapper").width($(".page-content-wrapper").width() - $(".sidebar-wrapper").width());
		}
	}
</script>
<div class="d-flex flex-row justify-content-center bg-light w-100 h-100"
	style="background-size: cover; background-image: url(assets/icon/BannerBlack.png);">
	<div id="left-img" class="h-100" style="width: 25%;">
		<div class="d-flex flex-row justify-content-end align-items-center ml-auto h-100" style="max-width: 100%;">
			<img class="img-fluid h-100" src="assets/icon/Tom.jpg" />
		</div>
	</div>
	<div id="center-text" class="h-100" style="width: 50%;color: #8CCD50;">
		<div class="d-flex flex-row justify-content-center align-items-center mx-auto h-100" style="max-width: 100%;">
			<div class="d-flex justify-content-center align-items-end">
				<span class="mb-0 pb-0" style="font-size: 1.3em;">SSH Demo</span>
				<span class="mb-0 p" style="font-size: 0.8em;">(${siteDisplay}.${websiteVesion})</span>
			</div>
		</div>
	</div>
	<div id="right-text" class="h-100" style="width: 25%;">
		<div class="d-flex justify-content-center align-items-center h-100" style="max-width:100%;">
			<span style="font-size: 1.3em; color: #8CCD50">Hello, ${uid}</span>
		</div>
	</div>
</div>
</div>